<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>#(movieDetails.vod_name) - 在线观看</title>
  <meta name="keywords" content="#(movieDetails.vod_name)在线观看">
  <meta name="description" content="免费提供超清画质的#(movieDetails.vod_name)在线观看，还同时提供#(movieDetails.vod_name)剧情介绍、演员表、上映时间、上映地区、视频图片等影片信息。">

  <meta name="renderer" content="webkit|ie-comp|ie-stand">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="shortcut icon" href="/movie/dy.svg" type="image/x-icon">

  <!--样式-->
  <link rel="stylesheet" href="/movie/font-awesome.css" type="text/css">
  <link rel="stylesheet" href="/movie/hdmoli-ui.css" type="text/css">
  <link rel="stylesheet" href="/movie/hdmoli-site.css" type="text/css">
  <link rel="stylesheet" href="/movie/layer.css" type="text/css">
  <link rel="stylesheet" href="/movie/hdmoli-color3.css" type="text/css">

  <!--ckplayer播放器样式-->
  <script type="text/javascript" src="ckplayer/hls.js/hls.min.js"></script>
  <link rel="stylesheet" type="text/css" href="ckplayer/css/ckplayer.css">
  <script type="text/javascript" src="ckplayer/js/ckplayer.js"></script>

  <style type="text/css">body {
    font-family: jan, "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
  }

  [class*=col-], .myui-content__list li, .myui-vodlist__media.col li {
    padding: 5px
  }

  .myui-vodlist__thumb {
    padding-top: 150%;
    background: url(/static/img/load.png) no-repeat;
  }

  .myui-vodlist__thumb.square {
    padding-top: 100%;
    background: url(/static/img/load_w.png) no-repeat;
  }

  .myui-vodlist__thumb.wide {
    padding-top: 60%;
    background: url(/static/img/load_w.png) no-repeat;
  }

  .myui-vodlist__thumb.actor {
    padding-top: 140%;
  }

  .flickity-prev-next-button.previous {
    left: 10px;
  }

  .flickity-prev-next-button.next {
    right: 10px;
  }

  .myui-sidebar {
    padding: 0 0 0 20px;
  }

  .myui-panel {
    margin-bottom: 20px;
    border-radius: 5px;
  }

  .myui-panel-mb {
    margin-bottom: 20px;
  }

  .myui-player__item .fixed {
    width: 500px;
  }

  .myui-vodlist__text li a, .myui-vodlist__media li {
    padding: 5px 0;
  }

  .myui-screen__list {
    padding: 10px 10px 0;
  }

  .myui-screen__list li {
    margin-bottom: 10px;
    margin-right: 10px;
  }

  .myui-page {
    padding: 0 10px;
  }

  .myui-extra {
    right: 20px;
    bottom: 30px;
  }

  @media (min-width: 1200px) {
    .container {
      max-width: 1200px;
    }

    .container {
      padding-left: 0px;
      padding-right: 0px;
    }

    .container.min {
      width: 1200px;
      padding: 0;
    }
  }

  @media (max-width: 767px) {
    body, body.active {
      padding-bottom: 50px;
    }

    [class*=col-], .myui-panel, .myui-content__list li {
      padding: 5px
    }

    .flickity-prev-next-button.previous {
      left: 5px;
    }

    .flickity-prev-next-button.next {
      right: 5px;
    }

    .myui-vodlist__text li a, .myui-vodlist__media li {
      padding: 5px 0;
    }

    .myui-screen__list {
      padding: 10px 5px 0;
    }

    .myui-screen__list li {
      margin-bottom: 5px;
      margin-right: 5px;
    }

    .myui-extra {
      right: 20px;
      bottom: 80px;
    }

    .myui-page {
      padding: 0 5px;
    }
  }

  .myui-topbg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-image: linear-gradient(135deg, #2a2a2a 10%, #2a2a2a 100%);
  }

  .hy-page {
    margin: 20px 0;
    text-align: center
  }

  .hy-page ul li {
    display: inline-block;
    padding: 0;
    margin-left: 10px
  }

  .hy-page ul li .num, .hy-page ul li a {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 4px
  }

  .hy-page-block {
    padding: 30px
  }

  /*分页样式*/
  .page {
    height: 45px;
    line-height: 33px;
    text-align: center;
    width: 650px;
    overflow: hidden;
    margin: 5px auto 0
  }

  .page span {
    float: left;
    height: 33px;
    line-height: 33px;
    margin-right: 2px;
    padding: 2px 14px;
    font-size: 12px
  }

  .page em.nolink {
    font-style: normal;
    background-color: white;
    border: 1px solid #DDDDDD;
    color: #999999;
    font-weight: 400;
    height: 33px;
    line-height: 33px
  }

  .page input {
    display: none;
  }

  .page .btn {
    display: none;
  }

  .page em {
    background-color: #4cae4c;
    border: 1px solid #4cae4c;
    color: #000;
    float: left;
    font-weight: bold;
    height: 31px;
    line-height: 32px;
    margin: 2px;
    padding: 0px 14px;
    text-align: center;
    font-style: normal;
    margin-top: 2px
  }

  .page a:link, .page a:visited {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    color: #333333;
    display: inline;
    float: left;
    height: 32px;
    line-height: 32px;
    margin-right: 1px;
    padding: 0px 14px;
    margin-left: 1px;
    text-decoration: none;
    margin-top: 2px
  }

  .page a:hover {
    background-color: #4cae4c;
    border: 1px solid #4cae4c;
    padding: 0px 14px;
    color: #000;
    text-decoration: none
  }


  </style>
  <link rel="stylesheet" href="/movie/layer(1).css" id="layuicss-layer">
</head>
<body>
<div class="myui-topbg clearfix" style="height: 174.2px;"></div>
<header class="myui-header__top">
  <div class="container">
    <div class="row">
      <div class="myui-header__logo">
        <h1 id="hdmoli-header-logo" title="xxxx提供免费、高品质、同时支持电脑和移动设备的影视剧在线观看网站">
<!--          <a class="logo" href="https://www.hdmoli.com/">-->
          <a class="logo" href="#">
            <!--添加自己的图标-->
            <img class="img-responsive hidden-xs" src="/movie/klm_mini.png">
          </a>
        </h1>
      </div>
      <!--标题栏目-->
      <ul class="myui-header__menu nav-menu">
        <li class=" "><a href="#">首页</a></li>
        <li class=""><a href="#">电影</a></li>
        <li class=""><a href="#">剧集</a></li>
        <li class=""><a href="#">动画</a></li>
        <li class="active"><a href="#">测试</a></li>
        <li><a href="#">APP</a></li>
      </ul>
    </div>
  </div>
</header>


<div class="container">
  <div class="row">

    <div class="myui-panel col-pd clearfix">
      <div class="myui-content__thumb">
        <a class="myui-vodlist__thumb img-md-220 img-xs-130 picture"
           href="javascript:play_init('#(one_play_url)')"
           title="#(movieDetails.vod_name)">
          <img class="lazyload" src="#(movieDetails.vod_pic)"
               data-original="#(movieDetails.vod_pic)"
               style="">
          <span class="play hidden-xs"></span>
        </a>
      </div>
      <div class="myui-content__detail">

        <h1 class="title text-fff">#(movieDetails.vod_name) <font style="color:#e53935;font-size:15px;">#(movieDetails.vod_remarks)</font></h1>

        <div id="rating" class="score" data-id="1853">
          <span class="left text-muted">豆瓣评分：</span>
          <span class="branch">#(movieDetails.vod_douban_score)</span>
        </div>
        <p class="topline"></p>
        <p class="data">
          <span class="text-muted">分类：</span>#(movieDetails.vod_class)
          <span class="split-line"></span>
          <span class="text-muted hidden-xs">地区：</span>#(movieDetails.vod_area)
          <span class="split-line"></span>
          <span class="text-muted hidden-xs">年份：</span>#(movieDetails.vod_year)
          <span class="split-line"></span>
          <span class="text-muted hidden-xs">又名：</span>#(movieDetails.vod_sub)
        </p>
        <p class="data"><span class="text-muted">演员：
        </span>
          <!---->
          <a href="#">#(movieDetails.vod_actor)</a>&nbsp;&nbsp;
        <p class="data"><span class="text-muted">导演：</span>&nbsp;#(movieDetails.vod_director)</p>
        <p class="data hidden-sm hidden-xs"><span class="text-muted">更新：</span>#(movieDetails.vod_time)
          <span class="split-line"></span>
        <p class="data"><span class="text-muted">短评：</span>暂无短评</p>
        <p class="desc text-collapse hidden-xs">
          <span class="left text-muted">简介：</span>
          #(movieDetails.vod_content)
        </p>
        <div class="operate clearfix">
          <div class="bdshare bdsharebuttonbox pull-right hidden-sm hidden-xs"></div>
          <a class="btn btn-lg btn-warm" href="javascript:play_init('#(one_play_url)')">立即播放</a>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="padding-0">
      <div class="myui-panel myui-panel-bg clearfix">
        <div class="myui-panel-box clearfix">
          <div class="hy-layout clearfix" style="text-align: center;">

          </div>
          <div class="myui-panel_hd">
            <div class="myui-panel__head active bottom-line clearfix">
              <h3 class="title">
                播放地址
              </h3>
              <ul class="nav nav-tabs active">
                <li class="active">
<!--                  <a href="https://www.hdmoli.com/movie/index1853.html#playlist2"
                                      data-toggle="tab">线路1</a>-->
                </li>
              </ul>
            </div>
          </div>
          <div class="tab-content myui-panel_bd">
            <div id="playlist2" class="tab-pane fade in clearfix active">
              <p class="text-muted col-pd">
                影片采用了外挂字幕，如看不到字幕，请换用Edge、Chrome或Firefox浏览器播放
              </p>
              <ul class="myui-content__list sort-list clearfix" style="max-height: 600px; overflow: auto;">
                #for(dy:dylist)
                <li id="00" class="col-md-8 col-sm-6 col-xs-4"><a title="第#(for.index+1)集" href="javascript:play_init('#(dy)')" target="_self" class="btn btn-gray">第#(for.index+1)集</a></li>
                #end
              </ul>
            </div>
          </div>
        </div>
      </div>

      <!--播放器-->
<div class="myui-panel myui-panel-bg clearfix">
  <div class="myui-panel-box clearfix">
    <div class="myui-panel_bd">
      <div class="col-xs-1">
        <div style="text-align: center">
          <div class="video " style="width: 100%;height: 300px; margin: 0 auto">播放器容器</div>
        </div>
      </div>
    </div>
  </div>
</div>


      <!--广告位-->
      <!--<div class="myui-panel myui-panel-bg clearfix">
        <div class="myui-panel-box clearfix">
          <div class="myui-panel_bd">
            <div class="col-xs-1">
              <div style="text-align: center">
                <a href="https://fy682.cc/" target="_blank"><img
                  src="./跃动青春在线观看 - HDmoli_files/77e4f2accd8bffec690debc4df6b55f7.gif"
                  wapsrc="https://img.souche.com/8aea2d0655f23ee591c34ef44daa83c1.gif" style="width: 100%"
                  id="index_banner"></a>
              </div>
            </div>
          </div>
        </div>
      </div>-->


     <!--相似影片-->
      <!--<div class="myui-panel myui-panel-bg clearfix">
        <div class="myui-panel-box clearfix">
          <div class="myui-panel_hd">
            <div class="myui-panel__head active bottom-line clearfix">
              <h3 class="title">
                相似影片
              </h3>
            </div>
          </div>
          <div class="tab-content myui-panel_bd">
            <ul id="type" class="myui-vodlist__bd tab-pane fade in active clearfix">
              <li class="col-md-6 col-sm-4 col-xs-4">
                <div class="myui-vodlist__box">
                  <a class="myui-vodlist__thumb lazyload" href="https://www.hdmoli.com/movie/index1853.html"
                     title="跃动青春"
                     data-original="https://img.pddpic.com/mms-material-img/2023-05-01/3cbc0fc8-a51c-40fb-b1c1-1f171cc01649.jpeg"
                     style="background-image: url(&quot;https://img.pddpic.com/mms-material-img/2023-05-01/3cbc0fc8-a51c-40fb-b1c1-1f171cc01649.jpeg&quot;);">
                    <span class="play hidden-xs"></span>
                    <span class="pic-tag pic-tag-top" style="background-color: #5bb7fe;">
9.3分
</span>
                    <span class="pic-text text-right">
更新至09集
</span>
                  </a>
                  <div class="myui-vodlist__detail">
                    <h4 class="title text-overflow"><a href="https://www.hdmoli.com/movie/index1853.html" title="跃动青春">跃动青春</a>
                    </h4>
                  </div>
                </div>
              </li>
              <li class="col-md-6 col-sm-4 col-xs-4">
                <div class="myui-vodlist__box">
                  <a class="myui-vodlist__thumb lazyload" href="https://www.hdmoli.com/movie/index1835.html"
                     title="为美好的世界献上爆焰！"
                     data-original="https://img.pddpic.com/mms-material-img/2023-05-02/50561578-7e33-4fe7-b30d-37b89634bd0b.jpeg"
                     style="background-image: url(&quot;https://img.pddpic.com/mms-material-img/2023-05-02/50561578-7e33-4fe7-b30d-37b89634bd0b.jpeg&quot;);">
                    <span class="play hidden-xs"></span>
                    <span class="pic-tag pic-tag-top" style="background-color: #5bb7fe;">
9分
</span>
                    <span class="pic-text text-right">
更新至09集
</span>
                  </a>
                  <div class="myui-vodlist__detail">
                    <h4 class="title text-overflow"><a href="https://www.hdmoli.com/movie/index1835.html"
                                                       title="为美好的世界献上爆焰！">为美好的世界献上爆焰！</a></h4>
                  </div>
                </div>
              </li>
              <li class="col-md-6 col-sm-4 col-xs-4">
                <div class="myui-vodlist__box">
                  <a class="myui-vodlist__thumb lazyload" href="https://www.hdmoli.com/movie/index1852.html"
                     title="放学后失眠的你"
                     data-original="https://img.pddpic.com/mms-material-img/2023-05-01/c87e29a5-c1d1-4bd5-be5d-c8875a171060.jpeg"
                     style="background-image: url(&quot;https://img.pddpic.com/mms-material-img/2023-05-01/c87e29a5-c1d1-4bd5-be5d-c8875a171060.jpeg&quot;);">
                    <span class="play hidden-xs"></span>
                    <span class="pic-tag pic-tag-top" style="background-color: #5bb7fe;">
7.5分
</span>
                    <span class="pic-text text-right">
更新至08集
</span>
                  </a>
                  <div class="myui-vodlist__detail">
                    <h4 class="title text-overflow"><a href="https://www.hdmoli.com/movie/index1852.html"
                                                       title="放学后失眠的你">放学后失眠的你</a></h4>
                  </div>
                </div>
              </li>
              <li class="col-md-6 col-sm-4 col-xs-4">
                <div class="myui-vodlist__box">
                  <a class="myui-vodlist__thumb lazyload" href="https://www.hdmoli.com/movie/index1727.html"
                     title="冰海战记 第二季" data-original="https://www.zhongledp.com/pic/cover/p2668987926.jpg"
                     style="background-image: url(&quot;https://www.zhongledp.com/pic/cover/p2668987926.jpg&quot;);">
                    <span class="play hidden-xs"></span>
                    <span class="pic-tag pic-tag-top" style="background-color: #5bb7fe;">
8.5分
</span>
                    <span class="pic-text text-right">
更新至21集
</span>
                  </a>
                  <div class="myui-vodlist__detail">
                    <h4 class="title text-overflow"><a href="https://www.hdmoli.com/movie/index1727.html"
                                                       title="冰海战记 第二季">冰海战记 第二季</a></h4>
                  </div>
                </div>
              </li>
              <li class="col-md-6 col-sm-4 col-xs-4">
                <div class="myui-vodlist__box">
                  <a class="myui-vodlist__thumb lazyload" href="https://www.hdmoli.com/movie/index1848.html"
                     title="鬼灭之刃 锻刀村篇"
                     data-original="https://img.pddpic.com/mms-material-img/2023-05-01/2b8a68b0-9f31-4cce-88ce-de9307c37092.jpeg"
                     style="background-image: url(&quot;https://img.pddpic.com/mms-material-img/2023-05-01/2b8a68b0-9f31-4cce-88ce-de9307c37092.jpeg&quot;);">
                    <span class="play hidden-xs"></span>
                    <span class="pic-tag pic-tag-top" style="background-color: #5bb7fe;">
9.6分
</span>
                    <span class="pic-text text-right">
更新至08集
</span>
                  </a>
                  <div class="myui-vodlist__detail">
                    <h4 class="title text-overflow"><a href="https://www.hdmoli.com/movie/index1848.html"
                                                       title="鬼灭之刃 锻刀村篇">鬼灭之刃 锻刀村篇</a></h4>
                  </div>
                </div>
              </li>
              <li class="col-md-6 col-sm-4 col-xs-4">
                <div class="myui-vodlist__box">
                  <a class="myui-vodlist__thumb lazyload" href="https://www.hdmoli.com/movie/index1831.html"
                     title="我家的英雄"
                     data-original="https://img.pddpic.com/mms-material-img/2023-05-01/cfdb0abe-8300-440e-843d-4ced554607ad.jpeg"
                     style="background-image: url(&quot;https://img.pddpic.com/mms-material-img/2023-05-01/cfdb0abe-8300-440e-843d-4ced554607ad.jpeg&quot;);">
                    <span class="play hidden-xs"></span>
                    <span class="pic-tag pic-tag-top" style="background-color: #5bb7fe;">
7分
</span>
                    <span class="pic-text text-right">
更新至09集
</span>
                  </a>
                  <div class="myui-vodlist__detail">
                    <h4 class="title text-overflow"><a href="https://www.hdmoli.com/movie/index1831.html" title="我家的英雄">我家的英雄</a>
                    </h4>
                  </div>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>-->

    </div>
  </div>
</div>




<script>
  var videoObject = {
    container: '.video', //容器的ID或className
    plug:'hls.js',//设置使用hls插件
    volume:0.4
  };
  var player = new ckplayer(videoObject);//初始化播放器


  function play_init(url){
    videoObject.video = url;
    videoObject.autoplay=true;
    player = new ckplayer(videoObject);
  }
</script>



<div class="myui-foot clearfix">
  <div class="container min">
    <div class="row">
      <div class="col-pd text-center">
        <p class="margin-0">
          本站所有资源均收集自互联网，没有提供影片资源存储，也未参与录制、上传。如有侵权，请告知：coderhyx9277@gmail.com
        </p>

      </div>
    </div>
  </div>
</div>




</body>
</html>
